<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta content="text/html;charset=UTF-8"/>
        <!-- 使用 th:href 引入资源 -->
        <link th:href="@{/bootstrap/css/bootstrap.min.css}" rel="stylesheet"/>
        <link th:href="@{/bootstrap/css/bootstrap-theme.min.css}" rel="stylesheet"/>
    </head>
    <body>
        <div>KEY = <span th:text="${key}"></span></div>
        <div>VAL = <span th:text="${val}"></span></div>

        <!-- 使用 th:src 引入资源 -->
        <script th:src="@{/jquery/jquery-3.2.1.min.js}"></script>
        <script th:src="@{/bootstrap/js/bootstrap.min.js}"></script>

        <!-- javascript -->
        <script th:inline="javascript">
            // JS取值
            var k = [[ ${key} ]];
        </script>
    </body>
</html>